<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	<script src="../js/vue.min.js"></script>
	</head>
	<body> 
         <!--函数调用-->
		<div id="box">{{msg2}}</div>

		<script type="text/javascript">
			new Vue({
			el:"#box",
			data:{
			    a:23,
			    b:32
			},
			
			created: function () {
			// `this` 指向 vm 实例
			console.log("在形成页面之前被调用，自动调用");
			},
			
			computed:{
				msg2:function(){
					console.log("在形成页面之后被调用，做成函数调用");
					return this.a+this.b;
					
				}
			},	
				
			
			})

		</script>